﻿@model HelloMinasan.Web.Song.ViewModels.SongViewModels
@{
    ViewBag.Title = "Add Song Step 2";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<div class="contentSection">
    <div class="titleSection">
            <img src="@Url.Content("~/Content/Images/exclamation.png")" />
            Posting Attention
        </div>
        <div class="contentSectionInside" style="margin-bottom: 10px;">
            <p>
                <img src="@Url.Content("~/Content/Images/alert.png")" height="20" width="20" />
                Please input information for your song. Your song must follow bellow our policies:
        <ul>
            <li>There is no sex content</li>
            <li>There is no political content</li>
            <li>At least 64Kbps quality (We want to keep our quality service)</li>
        </ul>
                If your file can't follow any section as above policies, we will delete it and inform you by internal message service. Thanks for your attention.
            </p>
        </div>
    @using (Html.BeginForm())
    {
        @Html.HiddenFor(x => x.SongId)
        @Html.HiddenFor(x => x.Song.SongName)
        @Html.HiddenFor(x => x.Owners)
        @Html.HiddenFor(x => x.PostedDate)
        <a href="@Url.Action("EditSong", "Song", new { id = Model.Song.Id })">
            <div class="titleSection">
                <img src="@Url.Content("~/Content/Images/information.png")" />
                Song's information
            </div>
        </a>
        <a href="@Url.Action("EditLyric", "Song", new { id = Model.Song.Id })">
        <div class="titleSection">
                <img src="@Url.Content("~/Content/Images/song.png")" width="32" height="32"/>
                Edit lyric
            </div></a>
        <div class="titleSection">
            <img src="@Url.Content("~/Content/Images/lessons.png")" />
            Song's grammar
        </div>
        <div class="contentSectionInside">
            <table width="100%">
                <tr>
                    <td>
                        <div class="contentSection">
                            <div class="containerAllProperties">
                                <div style="display: table">
                                    <img src="@Url.Content("~/Content/Images/demo_avatar.jpg")" class="avatarImg" style="float:left"/>
                                    Please update grammar article for your song as below.
                                <h1>@Model.Song.SongName</h1>
                                    @Model.Song.PostedDate
                                </div>
                            </div>
                        </div>
                    </td>
                    <td valign="top" rowspan="2">
                        <div class="titleSection">
                            <img src="@Url.Content("~/Content/Images/song.png")" />
                            My relative songs:
                        </div>
                        <div class="contentSection">
                            <div class="contentSectionInside">
                                @Html.Partial("RelativeSongs", Model.RelativeSongs)
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td valign="top" style="width:400px">
                        @Html.TextAreaFor(x => x.Grammar, new { @class = "lyricTextArea" })
                        <input type="submit" value="Save" />
                    </td>
                </tr>
            </table>
        </div>
    }
</div>
